new Vue({
    el: '#app',
    data() {
        return {
            form: {
                Article_Name: "",
                page: 1,			//页数
                limit: 10			//每页数据条数
            },
            total: 0,
            tableData: [],		//表格数据
        }
    },
    mounted() {
        this.getList(this.form)
    },
    methods: {
        onSerach() {			//查询方法
            this.form.page = 1;
            this.getList(this.form)
        },
        ChangeInput() {
            this.form.page = 1;
            this.getList(this.form)
        },
        handleSizeChange(val) {
            this.form.page = 1;
            this.form.limit = val;
            this.getList(this.form)
        },
        handleCurrentChange(val) {
            this.form.page = val;
            this.getList(this.form)
        },
        getList(data) {     //换页方法
            const _this = this
            $.ajax({
                type: 'POST',
                url: `${DomainName}/getSalesReceiptAction?token=${$.cookie('token')}`,
                data,
                complete: function (XMLHttpRequest) {
                    if (XMLHttpRequest.getResponseHeader("REDIRECT") == "REDIRECT") {
                        window.parent.document.location.href = "../../../" + XMLHttpRequest.getResponseHeader("CONTENTPATH");
                    }
                },
                success: function (Result) {
                    console.log(Result)
                    if (Result.Status == 'success') {
                        Result.tableData.forEach(item => {
                            item.Warehouse_Address.replace(/\//, '')
                        })
                        _this.tableData = Result.tableData
                        _this.total = parseInt(Result.limit)
                    }
                },
                dataType: "json"
            });
        },
        PrintPDF() {
            // console.log(row)
            html2canvas(document.body, {
              onrendered: function (canvas) {
      
                var contentWidth = canvas.width;
                var contentHeight = canvas.height;
      
                //设置一页pdf显示html页面生成的canvas高度;
                var pageHeight = contentWidth / 595.28 * 841.89;
                //未生成pdf的html页面高度
                var leftHeight = contentHeight;
                //pdf页面偏移
                var position = 0;
                //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
                var imgWidth = 500;
                var imgHeight = 1000 / contentWidth * contentHeight;
      
                var pageData = canvas.toDataURL('image/jpeg', 1.0);
      
                var pdf = new jsPDF('td', 'pt', 'a4');
                //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
                //当内容未超过pdf一页显示的范围，无需分页
                if (leftHeight < pageHeight) {
                  pdf.addImage(pageData, 'JPEG', 20, 0, imgWidth, imgHeight);
                } else {
                  while (leftHeight > 0) {
                    pdf.addImage(pageData, 'JPEG', 20, position, imgWidth, imgHeight)
                    leftHeight -= pageHeight;
                    position -= 841.89;
                    //避免添加空白页
                    if (leftHeight > 0) {
                      pdf.addPage();
                    }
                  }
                }
                pdf.save('出库详情.pdf');
              }
            })
          }
    },
})